<template>
  <div class="app">
    <Tabbar />
    <router-view v-slot="props">
      <keep-alive include="mains,weather,air,indices,historical">
        <component :is="props.Component"></component>
      </keep-alive>
    </router-view>
    <!-- <RouterView /> -->
  </div>
</template>

<script setup>
import { RouterLink, RouterView } from "vue-router";

import Tabbar from "@/components/tabbar/tabbar.vue";
</script>

<style>
.app {
  min-width: 650px;

  margin: auto 0px;
  padding: 30px;

  height: 100%;
  /* min-height: 100vh; */
  /* background-color: var(--background--color); */

  /* loading 样式 */
}
</style>
